<template>
  <div class="tabs-item">
    <computeResult />
  </div>
  <div class="table-box">
    <el-table border :data="tableData" size="small">
      <el-table-column prop="date" label="时间" show-overflow-tooltip />
      <el-table-column prop="flow" label="实测流量m³/s" show-overflow-tooltip />
      <el-table-column prop="name" label="时空变源+马斯京根" show-overflow-tooltip />
      <el-table-column prop="state" label="  新安江+马斯京根 " show-overflow-tooltip />
      <el-table-column prop="city" label="实测水位m" show-overflow-tooltip />
      <el-table-column prop="address" label="时空变源+马斯京根" show-overflow-tooltip />
      <el-table-column prop="address" label=" 新安江+马斯京根 " show-overflow-tooltip />
    </el-table>
  </div>
</template>
<script setup>
import computeResult from '@/components/app-publicui/compute-result.vue'

const tableData = [
  {
    flow: '98',
    date: '2016-05-03',
    name: '120',
    state: '110',
    city: '98',
    address: '113',
    zip: 'CA 90036'
  },
  {
    flow: '98',
    date: '2016-05-02',
    name: '120',
    state: '110',
    city: '98',
    address: '113',
    zip: 'CA 90036'
  },
  {
    flow: '98',
    date: '2016-05-04',
    name: '120',
    state: '110',
    city: '98',
    address: '113',
    zip: 'CA 90036'
  },
  {
    flow: '98',
    date: '2016-05-01',
    name: '120',
    state: '110',
    city: '98',
    address: '113',
    zip: 'CA 90036'
  },
  {
    flow: '98',
    date: '2016-05-08',
    name: '120',
    state: '110',
    city: '98',
    address: '113',
    zip: 'CA 90036'
  },
  {
    flow: '98',
    date: '2016-05-06',
    name: '120',
    state: '110',
    city: '98',
    address: '113',
    zip: 'CA 90036'
  },
  {
    flow: '98',
    date: '2016-05-07',
    name: '120',
    state: '110',
    city: '98',
    address: '113',
    zip: 'CA 90036'
  }
]
</script>

<style lang="less" scoped>
.tabs-item {
  height: calc(100% - 250px);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding: 15px;
  padding-top: 10px;
}
.table-box {
  height: 250px;
  :deep(.el-table) {
    width: 100%;
    height: 100%;
  }
}
</style>
